<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/m_master">

<div layout:fragment="content">
    <div class="page-group">
        <div class="page page_manage_deposit">
            <header class="head-nav-wrap">
                <div class="head-nav ">
                    <div class="nav-title">
                        充值
                    </div>
                    <div class="nav-left">
                        <a href="javascript:;" onClick="bottlecms.back()">
                            <i class="icon icon-bottlecms-100"></i>
                        </a>
                    </div>
                    <div class="nav-right">
                        <a class="hbtn" href="/m/center/account/details?currency=2">
                            交易记录
                        </a>
                    </div>

                </div>
            </header>
            <div class="page-content">

                <div class="banner headbox">
                    <img width="100%" style="display: block;" src="/m/img/page_candy_banner.png"/>

                    <div class="surplus">- 剩余喜糖 <em class="num">
                        [[${#numbers.formatInteger(bcFinances.candyPrice,0)}]]
                    </em> 颗 -</div>
                </div>
                <div class="depositbox">
                    <div class="ub item" th:each="item:${sugerList}">
                        <div class="ub-f1 lef">
                            <!-- <i class="ico icon-bottlecms-43"></i> -->
                            [[${item.key}]] 颗喜糖
                        </div>
                        <div class="rig">
                            <a class="btn btn-sm external" th:href="'/center/account/recharge?type=candy&amp;source=pc&amp;money='+${item.value}">
                                ￥[[${item.value}]]
                            </a>
                        </div>
                    </div>

                    <p style="margin-top:2rem;color:#C4C4C5; line-height:1.3; font-size:12px;  text-align:center;">
                        充值即视为同意
                        <a class="_color" href="/common/about/rechargeagreement">
                            《
                            <u>
                                用户充值协议
                            </u>
                            》
                        </a>
                    </p>
                    <p style="color:#C4C4C5;line-height:1.3; font-size:12px;  text-align:center;">
                        喜糖仅用于打赏，
                        <span class="_color">
                        不能提现或退款
                    </span>
                    </p>
                </div>

            </div>
        </div>
    </div>
    <div th:replace="layout/m_layout::systemJs"></div>
</div>
</html>
